<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>纯真年代-壁纸-webm</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="/favicon.ico" />
		<link rel="stylesheet" href="../css/layui.css" />
		<style>
			* {
				padding: 0;
				margin: 0;
			}
			
			#videos {
				width: 800px;
				margin: 0 auto;
			}
		</style>
	</head>

	<body>
		<div id="videos">
			
		</div>
		<script type="text/javascript" src="../layui.js"></script>
		<script>
			layui.use(['layer', 'element'], function() {
				var element = layui.element,
					layer = layui.layer,
					$ = layui.$;
				$(function() {
					var videoHtmls="";
					for (var i=1;i<=22;i++) {
						var videoHtml='<video src="../images/my/img-webm/webm/2018WEBM-'+i+'.webm" loop="loop" muted="" width="100%"></video>'
						videoHtmls+=videoHtml;
					}
					$("#videos").html(videoHtmls)
				})
			});
		</script>
	</body>

</html>